<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>按钮</title>
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>

<input type="button" value="input按钮" class="btn"/>
<button type="button" class="btn">button按钮</button>
<a href="javascript:" class="btn" role="button">a按钮</a>
<hr/>

<button class="btn btn-default">默认白</button>
<button class="btn btn-link">链接</button>
<hr/>

<button class="btn btn-success">成功绿</button>
<button class="btn btn-info">信息蓝</button>
<button class="btn btn-primary">首选深蓝</button>
<button class="btn btn-warning">警告黄</button>
<button class="btn btn-danger">危险红</button>
<hr/>

<button class="btn btn-info btn-xs">超小号</button>
<button class="btn btn-info btn-sm">小号</button>
<button class="btn btn-info btn-ml">正常</button>
<button class="btn btn-info btn-lg">大号</button>
<button class="btn btn-info btn-block">块级</button>
<hr/>

<button class="btn btn-info active">按钮被激活</button>
<button class="btn btn-info disabled" onclick="alert('test')">按钮被禁用</button>

<script src="../../jquery/jquery-3.2.1.min.js"></script>
<script src="../../bootstrap/js/bootstrap.min.js"></script>

</body>
</html>